UI/UX-дизайнер от Pentaschool

Программа курса

Во время обучения студенты научатся разрабатывать прототипы сайтов и приложений, смогут определять пользовательские сценарии. Учебные проекты войдут в портфолио и станут подтверждением ваших компетенций.

Введение в профессию «Дизайнер интерфейсов»

Поймете, чем вам предстоит заниматься во время обучения, узнаете, как создаются интерфейсы сайтов. Изучите функции редактора Figma.

Создание лендинга в Figma. UX-дизайн. Композиция. Создание прототипа

Рассмотрите важные понятия и правила UX-дизайна и узнаете, что такое пользовательский сценарий. Разберетесь в композиционных правилах оформления сайта.

UI-дизайн лендинга. Создание графической концепции

Поработаете над визуальной частью вашего проекта. Будете представлять себе, как люди воспринимают разные шрифты, запомните правила цветового оформления веб-страницы.

Основы дизайна сайтов

Разберетесь в различных типах сайтов, узнаете об их особенностях. Сможете анализировать веб-страницы конкурентов и выделить свою работу на их фоне.

Интернет-магазин. Создание прототипа. Главная страница

Настроите сетку в Figma и подумаете, как лучше оформить страницу сайта, выберете лучший вариант расположения смысловых блоков.

Интернет-магазин. Создание прототипа. Сценарий выбора товара

Подумаете, как покупатель онлайн-магазина будет переходить из каталога на страничку с карточкой товара. Создадите прототип этой страницы.

Интернет-магазин. Создание прототипа. Сценарий покупки

Разработаете страницу корзины покупателя и определите, на какую кнопку должен будет нажать пользователь, чтобы совершить покупку.

Интернет-магазин. UI-дизайн и создание интерактивного прототипа

Подберете шрифты и решите, в каком стиле оформить сайт визуально. Узнаете, как добавить на сайт векторные или растровые изображения. Без использования кода сделаете кликабельный прототип.

Контент сайта. Adobe Photoshop для дизайнера интерфейсов, часть 1

Узнаете, почему дизайнерам интерфейсов может быть полезна программа для редактирования изображений. Освоите все важные инструменты фотошопа. Разработаете дизайн баннера для сайта и мобильного приложения.

Контент сайта. Adobe Photoshop для дизайнера интерфейсов, часть 2

Сможете проводить цветокоррекцию фотографий и ретушировать их, попрактикуетесь в создании коллажей, которые затем можно будет разместить на сайте.

Интернет-магазин. Завершение проекта. Анимация, передача разработчикам

Доведете проект до конца, сделаете его интереснее при помощи анимационных вставок. Узнаете, как правильно подготовить макет к передаче программистам.

Дизайн сайтов на Tilda. Интерфейс и возможности

Откроете для себя разнообразные возможности конструктора сайтов Tilda. Заведете свой аккаунт в программе и попробуете ее инструменты для создания веб-страниц.

Создание лендинга и многостраничного сайта на Tilda

Изучите встроенный редактор Zero-block и поймете, когда можно его использовать. Поработаете над созданием разных вариантов лендингов.

Создание интернет-магазина и сайта курса обучения на Tilda

Попробуете разработать макет онлайн-магазина модной одежды или продуктов, а также сайт образовательной программы, узнаете, как правильно оформлять формы для ввода данных.

Особенности работы с мобильными приложениями

Выделите ключевые особенности экрана приложения для смартфона, поймете, как определить пользовательский сценарий.

Мобильное приложение. Проектирование

Проанализируете техническое задание и подберете визуальное решение, подготовите тематические мудборды для своего проекта.

Мобильное приложение. Создание прототипа и UI-дизайн

Продолжите работу над прототипом, настроите все нужные кнопки приложения и определитесь с цветовым решением, сделаете свой проект интереснее при помощи анимации. Научитесь правильно оформлять прототип для передачи в разработку.

UX-исследования и аналитика

Освоите разнообразные способы проведения UX-исследований и поймете, какие функции выполняет дизайнер в команде разработчиков. Научитесь формулировать гипотезы и проверять их.

Мобильное приложение. Продуктовый подход. Прототип

Проведете аналитику продуктов конкурентов и выделите сильные стороны своего проекта. Сформируете пользовательский сценарий, основываясь на этих данных, и узнаете, как подготовить прототип приложения к тестированию.

Личный бренд дизайнера

Разберетесь, как продвигать свои услуги на рынке в среде конкуренции, и узнаете, как искать заказчиков. Рассмотрите важные этапы коммуникации с клиентом и правовые нормы, с которыми могут столкнуться дизайнеры.

Разработка пользовательского сценария мобильного приложения. Практикум

Пройдете все стадии разработки мобильного приложения: проанализируете запросы целевой аудитории, определите сценарий поведения пользователя и подготовите визуальное решение прототипа.